// 奇葩方法 原理 node 相关 vs code 原理相关
$(function() {
    // 1 给登录按钮绑定点击事件 click 被划掉了 是因为我们引入的jq语法提示文件 导致 typings
    $("#login").on("click", function() {
        /* 
        01  移除了输入框 必填属性 required h5
        20 给button按钮设置了 type=button 属性 房子刷新 
        03 获取名字和密码
        04 依据用户名和密码是否合法，不为空就行
        05 不合法就弹窗
        06 合法 就根据接口文档的要求 把名字和密码发送到后台 完成登录
        07 成功登录后   就将 token 存储到 本地存储中 方便随时使用 就算刷新页面也还在
        08 跳转到后台管理系统-首页（需要先完成登录）
             */
        const username = $("#username").val().trim();
        const password = $("#password").val().trim();
        if (!username || !password) {
            // 用户名 或者密码不合法
            layer.open({
                title: '提示',
                content: '用户名或密码不能为空'
            })
            return
        }
        // 再开始准备发送ajax
        // console.log('再准备发送')打印无效
        $.ajax({
            url: "http://localhost:8080/api/v1/admin/user/login",
            type: "post",
            data: {
                username,
                password
            },
            success(res) {

                // 判断请求是否成功
                if (res.code === 200) {
                    localStorage.setItem("token", res.taken);
                    location.href = "index.html";
                }
            }
        })

    })
})